﻿@charset "utf-8";

/*header */
#header,#menu{width:100%; min-width:1200px; background:#fff;}
.header{width:1200px; margin:0 auto; height:100px; line-height:100px; padding-top:15px; position:relative;}
.header h1{width:200px; height:40px;  position:absolute; left:0; top:40px; text-indent:-999em; }/*background:url(../img/logo.png) 0 0 no-repeat;*/
.header ul{position:absolute; right:0; top:44px; width:320px;}
.header ul li{float:left;}
.header ul li a{display:block;height:32px; line-height:32px;}
.index_login a, .index_reg a{background:#009fe3; color:#fff; border-radius:14px; width:90px; box-shadow:0 2px 1px #999; text-align:center; font-weight:bold; letter-spacing:6px;}
.index_reg a{background:#f87e5a; margin:0 30px 0 15px;}
.index_login a:hover{background:#0897d5;}
.index_reg a:hover{background:#f56a40;}
.iphone a{color:#666; font-size:14px; background:url(../img/iphone.png) 0 4px no-repeat; text-indent:22px;}
.iphone a:hover{text-decoration:underline;}

/*menu*/
#menu{background:#009fe3; box-shadow:0 0 1px #aaa; position:relative; z-index:9;}
.menu{width:1200px; margin:0 auto; height:84px;}
.menu li{float:left; width:199px; border-left:1px solid #fffefe;}
.menu li a{display:block; line-height:20px; text-align:center; color:#fff; height:40px; padding:22px 0;}
.menu li a strong{font-size:16px; font-weight:bold;}
.menu li a span{font-size:14px; font-family:'Microsoft Yahei';}
.menu li a:hover{background:#0087c0;}
.menu .tools{border-right:1px solid #fffefe; width:198px; position:relative;}
.menu .tools a{background:#0087c0;}
.menu .tools em{background:url(../img/iphone.png) 0 -232px no-repeat; position:absolute; right:52px; top:25px; width:12px; height:12px;}
.tools .tool_select{width:198px; background:#0087c0; position:absolute; top:84px; right:0; display:none;}
.tools .tool_select a{display:block; height:40px; line-height:40px; padding:0 0 0 70px; text-align:left;}
.tools .tool_select a:hover{background:#0c81b2;}

/*第三方登录*/

.segment{text-align:center;}
.segment .header{border-bottom:1px solid #ddd;width:570px;margin:100px auto 40px;text-align:center}
.segment .header .logo{margin-bottom:22px;width:160px;height:50px;background-image:url(../img/logo-2.svg);background-repeat:no-repeat;display:inline-block}
.segment .title{margin-bottom:40px}
.segment h2.title{font-size:16px;line-height:1.1;margin-bottom:20px;padding:0}
.segment>.content{text-align:center;margin-top:-12px}
.icon.checked{display:inline-block;width:26px;height:26px;background-image:url(../img/notice_icons_24.svg);background-repeat:no-repeat;vertical-align:bottom}
.social.auths .auth{margin-left:20px;}
.social.auths .auth:first-child{margin-left:0}
.auth.icon{display:inline-block;width:64px;height:64px;background-image:url(../img/login_icons_small.svg);background-repeat:no-repeat}
.auth.icon.weibo{background-position:0 0}
.auth.icon.weibo:hover{background-position:0 -80px}
.auth.icon.weibo:active{background-position:0 -160px}
.auth.icon.qq{background-position:-80px 0}
.auth.icon.qq:hover{background-position:-80px -80px}
.auth.icon.qq:active{background-position:-80px -160px}
.auth.icon.wechat{background-position:-320px 0}
.auth.icon.wechat:hover{background-position:-320px -80px}
.auth.icon.wechat:active{background-position:-320px -160px}
.auth.small.icon{width:48px;height:48px;background-image:url(../img/login_icons_tiny.svg)}
.auth.small.icon.wechat{background-position:-160px 0}
.auth.small.icon.wechat:hover{background-position:-160px -80px}
.auth.small.icon.wechat:active{background-position:-160px -160px}

